<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- nodeType  获取节点类型
        1  元素节点
        2  属性节点
        3  文本节点
     -->
     <!-- 
         getAttributeNode() 获取属性节点
         firstChild()  获取第一个子节点
      -->
    <p id="app">hello world</p>
    <script>
        var app = document.getElementById("app")
        var id = app.getAttributeNode("id")
        console.log(app.nodeType) //元素节点
        console.log(app.firstChild.nodeType); // 文本节点
        console.log(id.nodeType); // 属性节点
    </script>
</body>
</html>